<template>
	<view class="swiper-top">
		<view>
			<swiper :indicator-dots="true" indicator-color="rgba(255,255,0,.3)" :autoplay="true" :interval="2000" :circular="true">
				<view v-for="(item, index) in bannerdata" :key="index">
					<swiper-item><image :src="item.image"></image></swiper-item>
				</view>
			</swiper>
		</view>
	</view>
</template>

<script>

export default {
	props:{
		bannerdata:Array
	},
	data() {
		return {
		
		};
	},
	// created() {
	// 	this.banner();
	// },

	methods: {
		// banner(){

		// new request (usls.m().bannreget).modeget()
		// .then(res=>{
		// 	console.log(res)
		// 	this.bannerlist= res.data
		// })
		// .catch(err=>{
		// 	console.log(err)
		// })
	// 	async banner() {
	// 		try {
	// 			let data = await new this.Request(this.Usls.m().bannreget).modeget();
	// 			console.log(data);
	// 			this.bannerlist= data.data
	// 		} catch (e) {}
	// 	}
	}
};
</script>

<style scoped>
.swiper-top {
	
	height: 300upx;
	margin: 20upx 10upx;
	border-radius: 10upx;
}
swiper {
	width: 100%;
	height: 300upx !important;
	background: yellow;
	border-radius: 10upx;
	
}
image {
	
	width: 100%;
	height: 300upx !important;
	border-radius: 10upx;
}
</style>
